<template>
  <el-tabs class="custom-tabs">
    <el-tab-pane :label="$t('menuStr.currentProjectDetailStr')" lazy>
      <running-project />
    </el-tab-pane>
    <el-tab-pane :label="$t('menuStr.protocolProjectListStr')" lazy>
      <project />
    </el-tab-pane>
    <el-tab-pane :label="$t('menuStr.protocolDriverListStr')" lazy>
      <drive />
    </el-tab-pane>
  </el-tabs>
</template>

<script setup>
import { reactive, ref, onMounted, onBeforeUnmount, getCurrentInstance } from 'vue'
import Project from './protocol-tabs/ProtocolProject.vue'
import Drive from './protocol-tabs/ProtocolDrive.vue'
import RunningProject from './protocol-tabs/RunningProject.vue'
const form = ref({})


const { proxy } = getCurrentInstance()
const goodRef = ref(null)

</script>

<style scoped>
.add {
  display: flex;
}
.add-container {
  flex: 1;
  height: 100%;
}
</style>